//index.js
const app = getApp()
Page({
  data: {
    painting: {},
    shareImage: '',
    userInfo: {},
  },
  onLoad(options) {
    
    this.setData({
      // movies: JSON.parse(options.movies),//传过来的店铺图片数组
      // shop:wx.getStorageSync("shopInfo")//店铺信息
    })
   
    this.eventDraw()//进入页面自动开始绘制图片
  },
    
  eventDraw() {
    var userInfo = wx.getStorageSync('userInfo')
    console.log(JSON.stringify(userInfo))
    var self  = this;
    wx.showLoading({
      title: '绘制分享图片中',
      mask: true
    })
    /**
     * 店铺
     */
    this.setData({
      painting: {
        width: 750,
        height: 1122,
        clear: true,
        views: [{
            type: 'image',
            url:"/assets/images/photopost.jpeg",
            top: 0,
            left: 0,
            width: 750,
            height: 1122
           },
          {
            type: 'image',
            url: "/assets/images/QR.png",//店铺图片
            top: 900,
            left: 75,
            width: 150,
            height: 150
          },
          {
            type: 'image',
            url: userInfo.avatarUrl,//头像
            top: 900,
            left: 300,
            width: 77,
            height: 77
          },
          // {
          //   type: 'image',
          //   url: app.globalData.imgURL +'/share/tuoyuan (2).png',//透明层，为了将头像是圆的
          //   top: 445,
          //   left: 31,
          //   width: 77,
          //   height: 77
          // },
          {
            type: 'text',
            content: userInfo.name,//用户名字
            fontSize: 32,
            textAlign: 'left',
            color: "#1a1a1a",
            top: 950,
            left: 400,
            bolder: true
          },
          // {
          //   type: 'text',
          //   content: '为您推荐 ' + self.data.shop.shopName,//店铺名字
          //   fontSize: 32,
          //   textAlign: 'center',//居中，但是还是要left 自己left到居中 然后不管什么型号的都会居中了center必须要有
          //   color: "#1a1a1a",
          //   top: 575,
          //   left: 375,
          //   bolder: true
          // },
          // {
          //   type: 'text',
          //   content: self.data.shop.shopSign,//店铺介绍
          //   fontSize: 28,
          //   color:'#1a1a1a',
          //   textAlign: 'left',
          //   top: 660,
          //   left: 22,
          //   lineHeight: 40,
          //   width: 680,
          //   MaxLineNumber: 5,//最多展示5行
          //   breakWord: true,
          //   bolder: false
          // },
          // {
          //   type: 'image',
          //   url: "小程序图片链接",
          //   top: 872,
          //   left:285,
          //   width: 181,
          //   height: 182
          // },
 
        ]
      }
    })
 
  },
//保存按钮事件
  eventSave() {
    wx.saveImageToPhotosAlbum({
      filePath: this.data.shareImage,
      success(res) {
        wx.showToast({
          title: '保存图片成功',
          icon: 'success',
          duration: 2000
        })
        wx.redirectTo({
          url: '/pages/shareok/shareok'
        })
      }
    })
  },
//绘图完成之后的回调函数
  eventGetImage(event) {
    console.log(event)
    wx.hideLoading()
    const {
      tempFilePath,
      errMsg
    } = event.detail
    if (errMsg === 'canvasdrawer:ok') {
      this.setData({
        shareImage: tempFilePath
      })
    }
  },
  /**
   *  图片预览方法
   *  此处注意的一点就是，调用 "wx.previewImage"时，第二个参数要求为数组形式哦
   *  当然，做过图片上传功能的应该会注意到，如果涉及到多张图片预览，图片链接数组集合即为参数 urls！
   */
  previewImage: function () {
    var current = this.data.shareImage;
    console.log(current)
    wx.previewImage({
      current: current,
      urls: [current]
    })
  },
 
})